@import url('plugins/jquery.ui.css');

@import url('plugins/fullcalendar.css');

@import url('plugins/jquery.wysiwyg.css');

@import url('plugins/colorbox.css');

@import url('plugins/colorpicker.css');

@import url('plugins/jquery.jgrowl.css');

@import url('plugins/jquery.alerts.css');

@import url('plugins/jquery.ui.autocomplete.css');

/*Nivel 2*/

/*La clase contenedor la vamos a utilizar en el div (contenedor ppal) donde dentro estar�n los demas contenedores, hacemos esto para que la pagina tenga un tama�o fijo y no dependa del tama�o pantalla*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/************************** COPIA ESTILO **************/

/************ GENERAL STYLES ****************/
/************ used by all pages *************/
.radio2 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.radio3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.lucida {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.blanco {
	color: white;
}

.width1 {
	width: 1px;
}

button,input,select,textarea {
	font-size: 12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 0;
}

/********** cabecera STYLES **************/
/********** used by all pages **********/
.cabecera {
	background: #333 url(../images/headbg.png) repeat-x top left;
	margin: 10px;
	position: relative;
	border: 1px solid #222;
	-moz-box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 3px #666;
}

.cabecerainner {
	padding: 10px;
}

.cabeceracolumn {
	height: 33px;
	padding: 12px 10px;
	border-left: 1px solid #444;
	border-right: 1px solid #272727;
	float: left;
	position: relative;
}

.headleft {
	position: absolute;
	top: 0;
	left: 0;
}

.headleft .cabeceracolumn {
	border-color: #2c2c2c;
	border-left: 0;
}

.headleft .cabeceracolumn:first-child {
	margin-left: 260px;
	border-left: 1px solid #2c2c2c;
}

.headlinkwrap {
	width: 38px;
}

.headlink {
	position: absolute;
	top: 0;
	left: 0;
	padding: 19px 15px;
}

.headlink:hover {
	background: #373737;
}

.headright {
	position: absolute;
	top: 0;
	right: 0;
}

.headright img {
	vertical-align: middle;
}

.headright .userinfo {
	display: inline-block;
	border: 1px solid #272727;
	padding: 3px 25px 3px 3px;
	color: #ccc;
	vertical-align: top;
	background: #373737 url(../images/menudroparrow.png) no-repeat right
		-31px;
	position: relative;
	-moz-box-shadow: 0 1px 0 #444;
	-webkit-box-shadow: 0 1px 0 #444;
	box-shadow: 0 1px 0 #444;
}

.headright .userinfo:hover {
	text-decoration: none;
	background-color: #3c3c3c;
}

.headright .userinfo span {
	display: inline-block;
	padding: 0 10px;
}

.headright .userinfodrop {
	background: #fff url(../images/arrow2.png) no-repeat right -87px;
	color: #333;
	z-index: 20;
	border: 1px solid #fff;
	height: 29px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.headright .userinfodrop:hover {
	background-color: #fff;
	color: #333;
	border: 1px solid #fff;
}

.headright .cabeceracolumn:last-child {
	border-right: 0;
}

.headright .cabeceracolumn:first-child {
	border-left: 0;
}

.userdrop {
	background: #fff;
	position: absolute;
	top: 45px;
	right: 10px;
	display: none;
	overflow: hidden;
	z-index: 10;
	-moz-border-radius: 2px 0 2px 2px;
	-webkit-border-radius: 2px 0 2px 2px;
	border-radius: 2px 0 2px 2px;
	-moz-box-shadow: 0 0 2px #333;
	-webkit-box-shadow: 0 0 2px #333;
	box-shadow: 0 0 2px #333;
}

.userdrop ul {
	list-style: none;
	margin: 5px 0;
}

.userdrop ul li {
	display: block;
}

.userdrop ul li a {
	display: block;
	padding: 8px 10px;
	color: #666;
}

.userdrop ul li a:hover {
	background: #eee;
	text-decoration: none;
}

.cabecerainner2 {
	border-top: 1px solid #444;
	height: 57px;
	position: relative;
}

.userinfomenu {
	position: absolute;
	top: 0;
	right: 0;
}

.userinfomenu img {
	vertical-align: middle;
}

.userinfomenu .userinfo {
	display: inline-block;
	border: 1px solid #272727;
	padding: 3px 25px 3px 3px;
	color: #ccc;
	vertical-align: top;
	background: #373737 url(../images/menudroparrow.png) no-repeat right
		-31px;
	position: relative;
	-moz-box-shadow: 0 1px 0 #444;
	-webkit-box-shadow: 0 1px 0 #444;
	box-shadow: 0 1px 0 #444;
}

.userinfomenu .userinfo:hover {
	text-decoration: none;
	background-color: #3c3c3c;
}

.userinfomenu .userinfo span {
	display: inline-block;
	padding: 0 10px;
}

.userinfomenu .userinfodrop {
	background: #fff url(../images/arrow2.png) no-repeat right -87px;
	color: #333;
	z-index: 20;
	border: 1px solid #fff;
	height: 29px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.userinfomenu .userinfodrop:hover {
	background-color: #fff;
	color: #333;
	border: 1px solid #fff;
}

.headright .notiactive {
	background: #fff;
	color: #333;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	position: relative;
	z-index: 20;
	height: 18px;
}

.notiwrapper {
	position: relative;
	display: inline-block;
	min-height: 50px;
}

.notibox {
	background: #fff;
	padding: 10px;
	position: absolute;
	z-index: 10;
	right: 0;
	top: 32px;
	width: 300px;
	line-height: 21px;
	-moz-box-shadow: 0 0 2px #333;
	-webkit-box-shadow: 0 0 2px #333;
	box-shadow: 0 0 2px #333;
	border: 1px solid #eee;
	-moz-border-radius: 2px 0 2px 2px;
	-webkit-border-radius: 2px 0 2px 2px;
	border-radius: 2px 0 2px 2px;
	display: none;
}

.notibox .loader {
	font-style: italic;
	color: #666;
	display: none;
	padding: 5px 0;
	font-size: 11px;
}

.noticontent {
	margin: 5px 0;
}

.tabmenu {
	list-style: none;
}

.tabmenu li {
	display: inline-block;
	float: left;
	width: 50%;
	border-bottom: 1px solid #ddd;
}

.tabmenu li a {
	display: block;
	font-weight: bold;
	color: #666;
	padding: 8px 10px;
	text-align: center;
}

.tabmenu li a:hover {
	text-decoration: none;
	color: #333;
}

.tabmenu li.current a {
	background: #ddd;
	color: #333;
}

/********** MESSAGE LIST **********/
/********** ajax/messages.php *****/
.msglist {
	list-style: none;
	font-size: 11px;
	line-height: 16px;
}

.msglist li {
	display: block;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border: 1px solid #ddd;
	border-top: 0;
}

.msglist li:first-child {
	border-top: 1px solid #ddd;
}

.msglist li.message {
	background-image: url(../images/icons/default/mail.png);
}

.msglist li.user {
	background-image: url(../images/icons/default/users.png);
}

.msglist li.call {
	background-image: url(../images/icons/default/call.png);
}

.msglist li.calendar {
	background-image: url(../images/icons/default/calendar.png);
}

.msglist li.settings {
	background-image: url(../images/icons/default/settings.png);
}

.msglist li.new {
	background-color: #fff;
}

.msglist li .msg {
	margin-left: 35px;
	background: #f7f7f7;
	padding: 8px 10px;
	border-left: 1px solid #ddd;
}

.msglist li.new .msg {
	background: #fff;
}

.msglist li a.subject {
	margin: 2px 0;
	color: #333;
	font-weight: bold;
	display: block;
}

.msglist li a.subject:hover {
	text-decoration: none;
	color: #666;
}

.msgmore a {
	display: block;
	text-align: center;
	color: #666;
	background: #ccc;
	padding: 5px 0;
	margin-top: 5px;
	font-size: 11px;
	font-weight: bold;
}

.msgmore a:hover {
	text-decoration: none;
	background: #bbb;
	color: #333;
}

/************ COLUMNAS ***************/
/************ todas las p�ginas *****/
.one_half {
	width: 48.5%;
}

.one_third {
	width: 31.16%;
}

.two_third {
	width: 65.83%;
}

.one_fourth {
	width: 22.5%;
}

.three_fourth {
	width: 74.5%;
}

.one_fifth {
	width: 17.3%;
}

.two_fifth {
	width: 38.1%;
}

.three_fifth {
	width: 58.9%;
}

.four_fifth {
	width: 67.7%;
}

.one_sixth {
	width: 13.83%;
}

.five_sixth {
	width: 83.17%;
}

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth
	{
	position: relative;
	margin-right: 3%;
	float: left;
}

.last {
	margin-right: 0 !important;
	clear: right;
}

/********** MAIN CONTENT STYLES **********/
/********** used by all pages ************/
.mainwrapper {
	margin: 10px;
	position: relative;
}

/********** LEFT PANEL *******************/
/********** used by all pages ************/
.mainleft {
	width: 250px;
	position: absolute;
	top: 0;
	left: 0;
	padding-bottom: 20px;
}

.leftmenu {
	-moz-box-shadow: 1px 1px 2px #eee;
	-webkit-box-shadow: 1px 1px 2px #eee;
	box-shadow: 1px 1px 2px #eee;
}

.leftmenu ul {
	list-style: none;
}

.leftmenu ul li {
	display: block;
	position: relative;
}

.leftmenu ul li a {
	border: 1px solid #ddd;
	border-top: 0;
	display: block;
	background: #fcfcfc url(../images/icons/default/sprites.png);
	color: #666;
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: 8px center;
	font-weight: bold;
}

.leftmenu ul li a:hover {
	color: #333;
	text-decoration: none;
	background-color: #eee;
}

.leftmenu ul li:first-child a {
	border-top: 1px solid #ddd;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}

.leftmenu ul li:last-child a {
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}

.leftmenu ul li a span {
	display: block;
	padding: 8px 10px;
	border-left: 1px solid #eee;
	background: #fff;
}

.leftmenu ul li a:hover span {
	border-left: 1px solid #ddd;
	background: #f7f7f7;
}

.leftmenu ul li.current a {
	color: #fff;
	border: 1px solid #222;
}

.leftmenu>ul>li.current>a {
	background-color: #222;
}

.leftmenu ul li.current a span {
	border-left: 1px solid #444;
	background: #333;
}

.leftmenu ul li a.menudrop:hover span {
	background: #f7f7f7 url(../images/menudroparrow.png) no-repeat right 0;
}

.leftmenu ul li.current a.menudrop:hover span {
	background: #333 url(../images/menudroparrow.png) no-repeat right -31px;
}

.leftmenu ul li a.active {
	background-color: #eee;
}

.leftmenu ul li a.active span {
	background: #f7f7f7 url(../images/menudroparrow.png) no-repeat right 0;
	border-left: 1px solid #ddd;
}

.leftmenu ul li.current a.active {
	background-color: #222;
}

.leftmenu ul li.current a.active span {
	background: #333 url(../images/menudroparrow.png) no-repeat right -31px;
	border-left: 1px solid #444;
}

.leftmenu ul li a em {
	font-style: normal;
}

.leftmenu ul li a.dashboard {
	background-position: -154px -443px;
}

.leftmenu ul li a.widgets {
	background-position: -190px -443px;
}

.leftmenu ul li a.tables {
	background-position: -82px -480px;
}

.leftmenu ul li a.elements {
	background-position: -10px -443px;
}

.leftmenu ul li a.charts {
	background-position: -119px -480px;
}

.leftmenu ul li a.media {
	background-position: -47px -408px;
}

.leftmenu ul li a.form {
	background-position: -154px -262px;
}

.leftmenu ul li a.editor {
	background-position: -154px -262px;
}

.leftmenu ul li a.grid {
	background-position: -190px -443px;
}

.leftmenu ul li a.calendar {
	background-position: -82px -155px;
}

.leftmenu ul li a.buttons {
	background-position: -47px -443px;
}

.leftmenu ul li a.chat {
	background-position: -119px -299px;
}

.leftmenu ul li a.contacts {
	background-position: -82px -227px;
}

.leftmenu ul li a.users {
	background-position: -82px -191px;
}

.leftmenu ul li a.error {
	background-position: -119px -119px;
}

.leftmenu ul li .menutip {
	position: absolute;
	z-index: 100;
	left: 38px;
	top: 0;
	display: none;
	margin-left: 0;
	overflow: hidden;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.leftmenu ul li .menutip ul {
	width: 200px;
}

.leftmenu ul li .menutip span.subtitle {
	font-weight: bold;
	background: url(../images/blacktrans.png);
	color: #fff;
	padding: 9px 10px;
	display: block;
}

.leftmenu ul li .menutip ul {
	margin: 0;
}

.leftmenu ul li .menutip ul li {
	display: block;
}

.leftmenu ul li .menutip ul li a {
	color: #333;
	width: auto;
}

.leftmenu ul li .menutip ul li a span {
	display: block;
	background: #fff;
}

.leftmenu ul li ul {
	margin: 0 0 10px 36px;
	display: none;
}

.leftmenu ul li ul li:first-child a {
	border-top: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.leftmenu ul li ul li:last-child a {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.leftmenu ul li ul li a {
	padding-left: 0;
	background: #f7f7f7;
}

.leftmenu ul li ul li a span {
	border-left: 0;
}

.leftmenu ul li ul li a:hover span {
	border-left: 0;
	background: #eee;
}

.leftmenu ul li.current ul {
	display: block;
}

.leftmenu ul li.current ul li a {
	border-top: 0;
	border-bottom: 1px solid #272727;
}

.leftmenu ul li.current ul li a span {
	border-left: 0;
}

.leftmenu ul li.current ul li a:hover span {
	background: #2e2e2e;
}

.leftmenu ul li.current .menutip span.subtitle {
	padding-bottom: 10px;
	border: 0;
}

.leftmenu ul li.current .menutip ul li {
	border: 0;
}

.leftmenu ul li.current .menutip ul li a {
	border-color: #ddd;
}

.leftmenu ul li.current .menutip ul li a span {
	border: 0;
}

.leftmenu ul li.current .menutip ul li a:hover span {
	background: #f7f7f7;
}

.resumen {
	top : 282px;
}

/**************** COLLAPSED LEFT PANEL ******************/
/**************** used by all pages *********************/

/* .lefticon .mainleft { width: 34px; } */
/* .lefticon .leftmenu { overflow: none;} */
/* .lefticon .leftmenu ul li { width: 250px; } */
/* .lefticon .leftmenu ul li a { width: 2px; height: 32px; } */
/* .lefticon .leftmenu ul li a span { display: none; } */
/* .lefticon .contenidoppal { margin-left: 45px; } */

/* #togglemenuleft { border-top: 1px solid #eee; margin-top: 20px; text-align: center; } */
/* #togglemenuleft a {  */
/* 	display: inline-block; position: relative; top: -13px; width: 22px; height: 22px;  */
/* 	background: url(../images/toggle.png) no-repeat 0 0; cursor: pointer;  */
/* } */
/* #togglemenuleft a.toggle { background: url(../images/toggle.png) no-repeat 0 -25px; text-align: left; } */

/***************** MAIN CONTENT STYLES ***************/
/*****************************************************/
.contenidoppal {
	margin: 0 0px 0 260px;
}

.contenidoppalinner {
	
}

/***************** MAIN TAB MENU *********************/
/*****************************************************/
.maintabmenu {
	list-style: none;
	margin: 0;
	line-height: 21px;
	position: relative;
	z-index: 5;
}

.maintabmenu li {
	display: inline-block;
}

.maintabmenu li a {
	padding: 8px 20px 4px 20px;
	color: #999;
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	border: 1px solid #ddd;
	letter-spacing: 0.8px;
	display: block;
	background: #eee url(../images/titlebg.png) repeat-x top left;
	text-shadow: 1px 1px #f7f7f7;
}

.maintabmenu li a:hover {
	text-decoration: none;
	color: #666;
	background: #ddd;
	border-color: #ccc;
	text-shadow: 1px 1px #e7e7e7;
}

.maintabmenu li.current a {
	display: block;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	color: #333;
}

.maintabmenu li.current a:hover {
	text-shadow: none;
}

.content {
	padding: 20px;
	border: 1px solid #ddd;
	background: #fff;
	margin-top: -1px;
	line-height: 21px;
	-moz-border-radius: 0 2px 2px 2px;
	-webkit-border-radius: 0 2px 2px 2px;
	border-radius: 0 2px 2px 2px;
	-moz-box-shadow: 1px 1px 2px #eee;
	-webkit-box-shadow: 1px 1px 2px #eee;
	box-shadow: 1px 1px 2px #eee;
}

.contenttitle {
	background: #222;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.contenttitle h2 {
	font-size: 18px;
	letter-spacing: 0.8px;
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0 0 0 10px;
	background-repeat: no-repeat;
	background-position: -154px -443px;
	color: #fff;
}

.contenttitle h2 span {
	display: block;
	padding: 6px 0 6px 10px;
	margin-left: 25px;
	border-left: 1px solid #444;
	background: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-shadow: 1px 1px #222;
}

.nota h2 {
	font-size: 12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	padding: 10px 0 0 10px;
}

.contenttitle h2.inbox {
	background-position: -82px -335px;
}

.contenttitle h2.table {
	background-position: -82px -480px;
}

.contenttitle h2.form {
	background-position: -154px -262px;
}

.contenttitle h2.chart {
	background-position: -10px -227px;
}

.contenttitle h2.image {
	background-position: -10px -408px;
}

.contenttitle h2.button {
	background-position: -47px -443px;
}

/*************** STANDARD TABLES **************/
/*************** tables.html ******************/
.stdtable {
	width: 100%;
}

.stdtable .con0 {
	background: #fcfcfc;
}

.stdtable .con1 {
	background: #f9f9f9;
}

.stdtable th,.stdtable td {
	line-height: 16px;
	vertical-align: middle;
}

.stdtable thead th,.stdtable thead td {
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.stdtable tfoot th,.stdtable tfoot td {
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.stdtable thead th:first-child,.stdtable tfoot th:first-child,.stdtable thead td:first-child,.stdtable tfoot td:first-child
	{
	border-left: 1px solid #ddd;
}

.stdtable thead th.head0,.stdtable tfoot th.head0,.stdtable thead td.head0,.stdtable tfoot td.head0
	{
	background-color: #eee;
}

.stdtable thead th.head1,.stdtable tfoot th.head1,.stdtable thead td.head1,.stdtable tfoot td.head1
	{
	background-color: #ddd;
}

.stdtable thead th.sorting,.stdtable thead td.sorting {
	background-image: url(../images/sort_both.png);
	background-repeat: no-repeat;
	background-position: right 3px;
}

.stdtable thead th.sorting_asc,.stdtable thead td.sorting_asc {
	background-image: url(../images/sort_asc.png);
	background-repeat: no-repeat;
	background-position: right 4px;
}

.stdtable thead th.sorting_desc,.stdtable thead td.sorting_desc {
	background-image: url(../images/sort_desc.png);
	background-repeat: no-repeat;
	background-position: right 4px;
}

.stdtable thead td {
	font-weight: bold;
}

.stdtable thead td.center {
	text-align: center;
}

.stdtable tbody tr td {
	padding: 8px 10px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.stdtable tbody tr:last-child td {
	border-bottom: 1px solid #ccc;
}

.stdtable tbody tr td:first-child {
	border-left: 1px solid #ddd;
}

.stdtable tbody tr td:last-child {
	border-right: 1px solid #ddd;
}

.stdtable tbody tr:hover td,.stdtable tbody tr.selected td {
	background: #fffccc;
	color: #333;
}

.stdtable tbody tr.togglerow td {
	background: #fff;
}

.stdtable tbody tr.togglerow:hover td {
	background: #fff;
}

.stdtable tbody tr.hiderow {
	display: none;
}

.tableoptions {
	background: #eee url(../images/titlebg.png) repeat-x top left;
	border: 1px solid #ccc;
	border-top: 0;
	padding: 8px;
}

.tableoptions button {
	background: #fcfcfc url(../images/titlebg.png) repeat-x top left;
	font-size: 11px;
	color: #666;
	padding: 7px 10px;
	border: 1px solid #bbb;
	-moz-box-shadow: 1px 1px 2px #ddd;
	-webkit-box-shadow: 1px 1px 2px #ddd;
	box-shadow: 1px 1px 2px #ddd;
	margin: 0;
	outline: none;
}

.tableoptions button:hover {
	background: #eee;
	cursor: pointer;
}

.tableoptions select {
	background: #fcfcfc url(../images/titlebg.png) repeat-x top left;
	padding: 6px 5px 7px 5px;
	border: 1px solid #bbb;
	margin: 0;
	outline: none;
	-moz-box-shadow: 1px 1px 2px #ddd;
	-webkit-box-shadow: 1px 1px 2px #ddd;
	box-shadow: 1px 1px 2px #ddd;
	font-size: 11px;
	color: #666;
}

.dataTables_wrapper {
	position: relative;
}

.dataTables_length,.dataTables_paginate {
	background: #eee url(../images/titlebg.png) repeat-x top left;
	border: 1px solid #ccc;
	border-top: 0;
	padding: 8px;
}

.dataTables_wrapper select {
	background: #fcfcfc url(../images/titlebg.png) repeat-x top left;
	padding: 5px;
	border: 1px solid #bbb;
	margin: 0;
	outline: none;
	-moz-box-shadow: 1px 1px 2px #ddd;
	-webkit-box-shadow: 1px 1px 2px #ddd;
	box-shadow: 1px 1px 2px #ddd;
	font-size: 11px;
	color: #666;
}

.dataTables_wrapper input {
	border: 1px solid #ccc;
	padding: 6px 5px 7px 5px;
	width: 200px;
}

.dataTables_filter {
	position: absolute;
	top: 8px;
	right: 8px;
}

.dataTables_info {
	position: absolute;
	bottom: 13px;
	left: 8px;
}

.dataTables_paginate {
	text-align: right;
	line-height: 16px;
}

.dataTables_paginate span {
	display: inline-block;
}

.dataTables_paginate .paginate_button {
	border: 1px solid #ccc;
	padding: 5px 7px;
	margin-left: 5px;
	font-weight: bold;
	background: #fcfcfc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 11px;
	-moz-box-shadow: 1px 1px 2px #ddd;
	-webkit-box-shadow: 1px 1px 2px #ddd;
	box-shadow: 1px 1px 2px #ddd;
}

.dataTables_paginate .paginate_active {
	border: 1px solid #222;
	background: #333;
	color: #fff;
	padding: 5px 7px;
	margin-left: 5px;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 11px;
}

.dataTables_paginate .paginate_button:hover {
	background: #ddd;
	border: 1px solid #ccc;
	cursor: pointer;
	color: #333;
}

/************ CALENDAR STYLES *****************/
/************ calendar.html ******************/
#external-events p {
	font-size: 11px;
}

.external-event {
	background: #c3e1ff;
	color: #333;
	padding: 5px 10px;
	margin-bottom: 5px;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: move;
}

.fc-cabecera-left span.fc-state-active {
	background: #444;
	color: #fff;
	border: 1px solid #333;
	-moz-box-shadow: inset 1px 1px 1px #333;
	-webkit-box-shadow: insest 1px 1px 1px #333;
}

.fc-cabecera-title {
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.fc-cabecera-title h2 {
	font-size: 24px;
}

.fc-button-prev:hover,.fc-button-next:hover {
	color: #fff;
	background: #444;
	border-color: #333;
}

.fc-button-today:hover {
	background: #444;
	border-color: #333;
	color: #fff;
}

/************** STANDARD FORM *******************/

/************** forms.html, wizard.html *********/
.formulario p,.formulario div.par {
	margin: 15px 0;
}

.formulario div.par {
	overflow: hidden;
}

.formulario span.field,.formulario div.field {
	margin-left: 220px;
	display: block;
	position: relative;
}

.formulario .formwrapper {
	display: block;
	padding-top: 10px;
	margin-left: 220px;
	line-height: 80px;
}

.formulario label {
	font-size: 16px;
	color: #999;
	float: left;
	width: 200px;
	text-align: right;
	padding: 5px 20px 0 0;
}

.formulario label.error {
	float: none;
	color: #ff6600;
	font-size: 11px;
	display: block;
	text-align: left;
	font-weight: bold;
}

.formulario input {
	border: 1px solid #ccc;
	background: #fcfcfc;
	padding: 8px 5px;
	width: 300px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset 1px 1px 2px #ddd;
	-webkit-box-shadow: inset 1px 1px 2px #ddd;
	box-shadow: inset 1px 1px 2px #ddd;
	color: #666;
}

.formulario input:focus {
	background: #fff;
	-moz-box-shadow: inset 1px 1px 2px #eee;
	-webkit-box-shadow: inset 1px 1px 2px #eee;
	box-shadow: inset 1px 1px 2px #eee;
	border: 2px solid #DBA901;
}

.formulario textarea:focus {
	background: #fff;
	-moz-box-shadow: inset 1px 1px 2px #eee;
	-webkit-box-shadow: inset 1px 1px 2px #eee;
	box-shadow: inset 1px 1px 2px #eee;
	border: 2px solid #DBA901;
}

.formulario .smallinput {
	width: 40%;
}

.formulario .mediuminput {
	width: 60%;
}

.formulario .textoformulario {
	width: 80%;
}

.formulario input.error {
	border: 1px solid #ff6600;
}

.formulario input[type=radio],.formulario input[type=checkbox] {
	width: auto;
	margin: 0;
	vertical-align: middle;
}

.formulario input[type=button] {
	width: auto;
	margin: 0;
	font-weight: bold;
	color: #555;
	background: #333;
	border: 1px;
	padding: 7px 10px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	background-color: #C7C8C1;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}

.formulario input[type=reset] {
	width: auto;
	margin: 0;
	font-weight: bold;
	color: #666;
	border: 1px solid #ccc;
	background: #eee;
	padding: 7px 10px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-left: 5px;
}

.formulario input[type=submit]:hover {
	background: #ffdd00;
	color: #333;
}

.formulario input[type=reset]:hover {
	background: #ddd;
	cursor: pointer;
	color: #333;
}

.formulario input.positivo {
	background-color: #5783b9;
	background-color: #779bc7;
	background-image: -moz-linear-gradient(top, #8dabd0, #5783b9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8dabd0),
		to(#5783b9));
	background-image: -webkit-linear-gradient(top, #8dabd0, #5783b9);
	background-image: -o-linear-gradient(top, #8dabd0, #5783b9);
	background-image: linear-gradient(to bottom, #8dabd0, #5783b9);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8dabd0',
		endColorstr='#ff5783b9', GradientType=0);
	border: none;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	padding: 8px 15px;
	white-space: nowrap;
	line-height: 20px;
	font: 0.8rem Arial, Helvetica, sans-serif;
	color: #fff !important;
	outline: none;
	float: right;
}

.formulario input.negativo {
	background-color: #bd003f;
background-color: #b8003d;
background-image: -moz-linear-gradient(top, #990033, #e5004c);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#990033), to(#e5004c));
background-image: -webkit-linear-gradient(top, #990033, #e5004c);
background-image: -o-linear-gradient(top, #990033, #e5004c);
background-image: linear-gradient(to bottom, #990033, #e5004c);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff990033', endColorstr='#ffe5004c', GradientType=0);
text-decoration: none;
	border: none;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	padding: 8px 15px;
	white-space: nowrap;
	line-height: 20px;
	font: 0.8rem Arial, Helvetica, sans-serif;
	color: #fff !important;
	outline: none;
	float:left;
}
.formulario input.info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  white-space: nowrap;
	line-height: 20px;
	font: 0.8rem Arial, Helvetica, sans-serif;
}

.formulario textarea {
	border: 1px solid #ccc;
	background: #fcfcfc;
	padding: 8px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset 1px 1px 2px #ddd;
	-webkit-box-shadow: inset 1px 1px 2px #ddd;
	box-shadow: inset 1px 1px 2px #ddd;
	color: #666;
}

.formulario textarea.error {
	border: 1px solid #ff6600;
}

.formulario select {
	border: 1px solid #ccc;
	padding: 7px 5px;
	min-width: 40%;
	background: #fcfcfc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset 1px 1px 2px #ddd;
	-webkit-box-shadow: inset 1px 1px 2px #ddd;
	box-shadow: inset 1px 1px 2px #ddd;
	color: #666;
}

.formulario select.error {
	border: 1px solid #ff6600;
}

.formulario textarea:focus,.formulario select:focus {
	background: #fff;
	-moz-box-shadow: inset 1px 1px 2px #eee;
	-webkit-box-shadow: inset 1px 1px 2px #eee;
	box-shadow: inset 1px 1px 2px #eee;
}

.formulario button {
	border: 1px solid #333;
	background: #333;
	color: #fff;
	cursor: pointer;
	padding: 7px 10px;
	font-weight: bold;
}

.formulario button:hover {
	background: #111;
	border: 1px solid #000;
	color: #fff;
}

.formulario button.cancel {
	background: #eee;
	color: #666;
	border: 1px solid #ddd;
}

.formulario button.cancel:hover {
	background: #ddd;
	border: 1px solid #ccc;
}

.formulario small.desc {
	font-size: 11px;
	color: #999;
	font-style: italic;
	display: block;
	margin: 5px 0 0 220px;
}

.formulario .formulariobutton {
	text-align: center;
}

.formulario .botongrid {
	margin-left: 0px;
	margin-right: 0px;
}

/*** ANOTHER FORM STYLE ***/
.formulario2 p,.formulario2 div.par {
	border: 1px solid #ddd;
	background: #fcfcfc;
	margin: 0;
	border-top: 0;
}

.formulario2 div.terms {
	border: 0;
	background: none;
}

.formulario2 p:first-child,.formulario2 div.par:first-child {
	border-top: 1px solid #ddd;
}

.formulario div.par {
	overflow: hidden;
}

.formulario2 label {
	font-size: 14px;
	color: #999;
	display: inline-block;
	padding: 20px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
}

.formulario2 label.error {
	margin-left: 0;
	padding: 0;
}

.formulario2 label small {
	font-size: 11px;
	color: #999;
	display: block;
	font-weight: normal;
	line-height: 16px;
}

.formulario2 span.field,.formulario2 div.field {
	margin-left: 220px;
	display: block;
	background: #fff;
	padding: 20px;
	border-left: 1px solid #ddd;
}

.formulario2 .formulariobutton {
	margin-left: 0;
	padding: 20px;
	background: #fff;
}

/*** DUAL BOX ***/
.dualselect {
	margin-left: 220px;
	display: block;
}

.dualselect select {
	height: 200px;
	width: 40%;
}

.dualselect .ds_arrow {
	display: inline-block;
	vertical-align: top;
	padding-top: 60px;
	margin: 0 10px;
}

.dualselect .ds_arrow .ds_prev,.dualselect .ds_arrow .ds_next {
	display: block;
	padding: 5px 10px 7px 10px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #eee url(../images/titlebg.png) repeat-x top left;
}

.dualselect .ds_arrow .ds_prev:hover,.dualselect .ds_arrow .ds_next:hover
	{
	background: #444;
	color: #fff;
	border-color: #333;
	cursor: pointer;
}

/*** QUICK FORM ***/
.quickform {
	margin: 10px;
}

.quickform p {
	margin: 10px 0;
}

.quickform label {
	display: block;
	margin-bottom: 5px;
	color: #333;
	font-weight: bold;
	width: 100px;
}

.quickform .smallinput {
	width: 60px;
}

.quickform .action {
	margin-left: 120px;
}

/************** RIGHT PANEL STYLES *****************/
/**************	used by some pages *****************/
.mainright {
	width: 300px;
	position: absolute;
	top: 0;
	right: 0;
}

.mainrightinner {
	margin-bottom: 20px;
}

/************** WIDGET BOX *************************/
/************** widget.html, dashboard.html ********/
.widgetbox {
	background: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 10px;
	-moz-box-shadow: 1px 1px 2px #eee;
	-webkit-box-shadow: 1px 1px 2px #eee;
	box-shadow: 1px 1px 2px #eee;
}

.widgetbox .title {
	background: #222;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}

.widgetbox .title h2 {
	font-size: 18px;
	letter-spacing: 0.8px;
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
	color: #fff;
	background-image: url(../images/icons/default/sprites.png);
}

.widgetbox .title h2 span {
	display: block;
	padding: 6px 0 6px 10px;
	margin-left: 25px;
	border-left: 1px solid #444;
	background: #333;
	-moz-border-radius: 0 2px 0 0;
	-webkit-border-radius: 0 2px 0 0;
	border-radius: 0 2px 0 0;
	text-shadow: 1px 1px #222;
}

.widgetbox .widgetcontent {
	border: 1px solid #ddd;
	border-top: 0;
	padding: 10px;
	line-height: 21px;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}

.widgetcontent ul.linklist {
	list-style: none;
}

.widgetcontent ul.linklist li {
	border-bottom: 1px dotted #ddd;
	padding: 1px 0;
}

.widgetcontent ul.linklist li a {
	display: block;
	padding: 2px 5px;
	color: #666;
}

.widgetcontent ul.linklist li a:hover {
	background: #f7f7f7;
	text-decoration: none;
}

.widgetbox .titlehover h2 span {
	background: #333 url(../images/icons/arrow.png) no-repeat right;
}

.widgetbox .widgettoggle {
	overflow: hidden;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.widgetbox .title h2.chart {
	background-position: -10px -227px;
}

.widgetbox .title h2.calendar {
	background-position: -82px -155px;
}

.widgetbox .title h2.tabbed {
	background-position: -190px -443px;
}

.widgetbox .title h2.general {
	background-position: -154px -443px;
}

.widgetbox .title h2.chat {
	background-position: -82px -299px;
}

.widgetbox .listthumb {
	list-style: none;
	margin: 0;
}

.widgetbox .listthumb li {
	padding: 0;
	margin: 8px 0;
}

.widgetbox .listthumb img {
	vertical-align: middle;
}

.widgetbox .thumb {
	list-style: none;
	margin: 0;
}

.widgetbox .thumb li {
	display: inline-block;
	padding: 0;
	margin-right: 5px;
}

.widgetbox .widgetoptions {
	padding: 5px;
	border: 1px solid #ddd;
	border-top: 0;
	background: #f7f7f7;
	position: relative;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}

.widgetbox .widgetoptions a {
	padding: 3px 10px;
	display: inline-block;
	border: 1px solid #ccc;
	background: #fff;
	font-weight: bold;
	font-size: 11px;
	color: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #f7f7f7 url(../images/titlebg.png) repeat-x top left;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
}

.widgetbox .widgetoptions a:hover {
	text-decoration: none;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
	border: 1px solid #bbb;
}

.widgetbox .widgetoptions .right {
	float: right;
}

/******************* WIDGET BOX ********************/
/******************* dashboard.html ****************/
.analytics2 {
	padding: 5px;
	background: #eee;
	border: 1px solid #ccc;
	text-align: center;
}

.analytics small {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #069;
}

.analytics h1 {
	font-size: 24px;
	color: #333;
	margin: 2px 0;
}

.analytics h2 {
	font-size: 18px;
	color: #333;
	text-align: center;
}

.analytics h3 {
	font-size: 16px;
	color: #333;
}

/************** WYSIWYG EDITOR ******************/
/************** editor.html *********************/
.wysiwyg-dialog-content input.submit,.ui-dialog .wysiwyg input.submit input.button
	{
	background: #333;
	color: #ccc;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	border: 1px solid #333;
}

.wysiwyg-dialog-content input.submit:hover,.ui-dialog .wysiwyg input.submit:hover
	{
	background: #ffdd00;
	border: 1px solid #ff9900;
	color: #333;
}

.wysiwyg-dialog-content input.reset,.ui-dialog .wysiwyg input.reset {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	font-weight: bold;
	color: #666;
	background: #f7f7f7;
}

.wysiwyg-dialog-content input.reset:hover,.ui-dialog .wysiwyg input.reset:hover
	{
	background: #eee;
}

/*************** NOTIFICATION MESSAGE STYLES ******************/
/*************** media.html ***********************************/
.notifyMessage {
	padding: 7px 10px;
	font-weight: bold;
	margin: 10px 0;
	display: none;
}

.notifySuccess {
	border: 1px solid #C1D779;
	background: #EFFEB9;
	display: block;
}

.notifyError {
	border: 1px solid #E18B7C;
	background: #FAD5CF;
	display: block;
}

/************** WIZARD STYLES ************************/
/************** wizard.html **************************/
.wizard .hormenu {
	list-style: none;
}

.wizard .hormenu li {
	float: left;
	width: 33%;
}

.wizard .hormenu li a {
	display: block;
}

.wizard .hormenu li a:hover {
	text-decoration: none;
}

.wizard .hormenu li a span.h2 {
	font-size: 24px;
	color: #999;
	text-align: center;
	display: block;
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
}

.wizard .hormenu li a span.dot {
	display: block;
	height: 20px;
	margin-top: 5px;
	text-align: center;
	background: url(../images/stepline.png) repeat-x center left;
}

.wizard .hormenu li span.label {
	display: block;
	text-align: center;
	font-weight: bold;
	color: #999;
}

.wizard .hormenu li a span.dot span {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/steps.png) no-repeat 0 -40px;
}

.wizard .hormenu li:first-child a span.dot {
	margin-left: 45%;
	text-align: left;
}

.wizard .hormenu li:last-child a span.dot {
	margin-right: 45%;
	text-align: right;
}

.wizard .hormenu li a.done span.h2,.wizard .hormenu li a.done span.label
	{
	color: #333;
}

.wizard .hormenu li a.done span.dot span {
	background-position: 0 -20px;
}

.wizard .hormenu li:first-child a.done span.dot span {
	background-position: 0 0;
}

.wizard .hormenu li a.selected span.dot span {
	background-position: 0 -120px;
}

.wizard .hormenu li:first-child a.selected span.dot span {
	background-position: 0 -100px;
}

.wizard .hormenu li a.selected span.h2,.wizard .hormenu li a.selected span.label
	{
	color: #333;
}

/**************** TABBED WIZARD *******************/
/**************** wizard.html *********************/
.wizard .tabbedmenu {
	list-style: none;
	background: #f7f7f7;
	padding: 10px;
	padding-bottom: 0;
	border: 1px solid #ddd;
}

.wizard .tabbedmenu li {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	bottom: -1px;
}

.wizard .tabbedmenu li a {
	display: block;
	padding: 10px 20px;
	color: #999;
	border: 1px solid #ddd;
	background: #eee;
}

.wizard .tabbedmenu li a {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.wizard .tabbedmenu li a span {
	font-weight: bold;
}

.wizard .tabbedmenu li a span.h2 {
	color: #999;
	display: block;
	font-size: 24px;
	font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.wizard .tabbedmenu li a:hover {
	text-decoration: none;
}

.wizard .tabbedmenu li a.selected,.wizard .tabbedmenu li a.done {
	background: #fff;
	color: #333;
	border-bottom: 1px solid #fff;
}

.wizard .tabbedmenu li a.selected span.h2,.wizard .tabbedmenu li a.selected span
	{
	color: #333;
}

.wizard .tabbedmenu li a.done span.h2,.wizard .tabbedmenu li a.done span
	{
	color: #333;
}

.stepContainer .content {
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
}

.stepContainer .content p {
	border: 1px solid #ddd;
	border-bottom: 0;
}

.stepContainer .content p:last-child {
	border-bottom: 1px solid #ddd;
}

.stepContainer .par p {
	margin: 10px 0;
	padding: 0;
	border: 0;
	background: none;
}

.stepContainer .par p:last-child {
	border-bottom: 0;
}

.actionBar {
	padding: 10px 0;
	position: relative;
	overflow: none;
	clear: both;
}

.actionBar .loader {
	float: left;
	display: none;
}

.actionBar a {
	float: right;
	display: inline-block;
	padding: 5px 15px;
	background: #333;
	color: #eee;
	margin-left: 5px;
	font-weight: bold;
	text-shadow: 1px 1px #111;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.actionBar a:hover {
	text-decoration: none;
	background: #000;
	color: #fff;
	text-shadow: none;
}

.actionBar a.buttonDisabled {
	background: #ccc;
	color: #666;
	text-shadow: 1px 1px #ddd;
}

.actionBar a.buttonDisabled:hover {
	background: #ccc;
	color: #666;
	text-shadow: 1px 1px #ddd;
	cursor: default;
}

.actionBar .msgBox {
	margin: 40px 0 10px 0;
	position: relative;
}

.actionBar .msgBox .content {
	padding: 7px 10px;
	background: #fffccc;
	color: #333;
	border: 1px solid #FEEA7A;
}

.actionBar .msgBox .close {
	padding: 0 2px 2px 2px;
	background: none;
	line-height: 10px;
	text-transform: lowercase;
	font-size: 10px;
	position: absolute;
	top: 5px;
	right: 7px;
	color: #333;
	text-shadow: none;
	font-weight: bold;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

.actionBar .msgBox .close:hover {
	background: #333;
	color: #eee;
}

/*************** VERTICAL WIZARD *********************/
/*************** wizard.html *************************/
.verwizard .verticalmenu {
	list-style: none;
	float: left;
	width: 180px;
}

.verwizard .verticalmenu li {
	margin-bottom: 2px;
}

.verwizard .verticalmenu a {
	display: block;
	padding: 5px;
	color: #999;
}

.verwizard .verticalmenu a:hover {
	text-decoration: none;
}

.verwizard .verticalmenu a.selected {
	background: #333;
	color: #fff;
}

.verwizard .verticalmenu a.done {
	background: #333;
	color: #aaa;
}

.verwizard .verticalmenu a span {
	font-weight: bold;
}

.verwizard .stepContainer {
	margin-left: 200px;
}

.verwizard .actionBar {
	margin: 10px 0 0 200px;
}

/************* MEDIA STYLES **********************/
/************* media.html ************************/
.imagelist {
	list-style: none;
}

.imagelist li {
	float: left;
	padding: 5px;
	margin: 0 20px 20px 0;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 1px 1px 2px #eee;
	-webkit-box-shadow: 1px 1px 2px #eee;
	box-shadow: 1px 1px 2px #eee;
}

.imagelist li img {
	display: block;
	margin-bottom: 10px;
}

.imagelist li span {
	display: block;
	text-align: right;
}

.imagelist li span a {
	vertical-align: middle;
}

.imagelist li span a.name {
	font-weight: bold;
	float: left;
	color: #999;
}

.imagelist li span a.name:hover {
	color: #333;
	text-decoration: none;
}

.imagelist li span a.edit,.imagelist li span a.view,.imagelist li span a.delete
	{
	display: inline-block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin-left: 5px;
	vertical-align: middle;
	opacity: 0.5;
}

.imagelist li span a.edit:hover,.imagelist li span a.view:hover,.imagelist li span a.delete:hover
	{
	opacity: 1;
}

.imagelist li span a.edit {
	background: url(../images/icons/default/editor.png);
}

.imagelist li span a.view {
	background: url(../images/icons/default/glass.png);
}

.imagelist li span a.delete {
	background: url(../images/icons/default/trash.png);
}

.photoEdit {
	width: 480px;
}

/************ ELEMENT STYLES ********************/
/************ element.html **********************/
.colorselector {
	display: inline-block;
	height: 28px;
	width: 28x;
	vertical-align: middle;
	position: relative;
	vertical-align: middle;
	margin-left: 5px;
}

.colorselector span {
	display: block;
	height: 28px;
	width: 28px;
	position: absolute;
	left: 0;
	top: 0;
	background: #000 url(../../images/colorpicker/select2.png) no-repeat
		-4px -4px;
}

/************** NOTIFICATION MESSAGES ****************/
/************** elements.html *******************************/
.notification {
	height: 51px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 1px 1px 2px #ddd;
}

.notification p {
	margin: 14px 10px 0 75px;
	font-size: 13px;
	color: #333;
}

.notification a.close {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 5px;
	right: 5px;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
}

.notification a.close:hover {
	cursor: pointer;
}

.msgalert a.close {
	background-position: -14px 0;
}

.msgalert a.close:hover {
	background-position: -14px -14px;
}

.msginfo a.close {
	background-position: -42px 0;
}

.msginfo a.close:hover {
	background-position: -42px -14px;
}

.msgsuccess a.close {
	background-position: -28px 0;
}

.msgsuccess a.close:hover {
	background-position: -28px -14px;
}

.msgerror a.close {
	background-position: 0 0;
}

.msgerror a.close:hover {
	background-position: 0 -14px;
}

.msgalert {
	border: 1px solid #eac572;
	background: #ffe9ad url(../images/notifications.png) no-repeat 0 -52px;
}

.msginfo {
	border: 1px solid #99c4ea;
	background: #d1e4f3 url(../images/notifications.png) no-repeat 0 -156px;
}

.msgsuccess {
	border: 1px solid #c1d779;
	background: #effeb9 url(../images/notifications.png) no-repeat 0 -104px;
}

.msgerror {
	border: 1px solid #e18b7c;
	background: #fad5cf url(../images/notifications.png) no-repeat 0 0;
}

/********** BUTTONS & ICONS ********************/
/********** buttons.html ***********************/
.button_alert {
	background-image: url(../images/icons/default/alert.png);
}

.anchorbutton {
	display: inline-block;
	border: 1px solid #ccc;
	color: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-position: 7px;
	background-repeat: no-repeat;
	background-color: #f7f7f7;
	-moz-box-shadow: 1px 1px 2px #e7e7e7;
	-webkit-box-shadow: 1px 1px 2px #e7e7e7;
	box-shadow: 1px 1px 2px #e7e7e7;
}

.anchorbutton:hover {
	text-decoration: none;
}

.anchorbutton span {
	background-color: #fff;
	display: block;
	margin-left: 30px;
	border-left: 1px solid #ddd;
	padding: 5px 10px;
}

.buttonlist {
	list-style: none;
}

.buttonlist li {
	display: inline-block;
	margin-bottom: 15px;
	margin-right: 10px;
}

a.btn {
	display: inline-block;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	background-image: url(../images/icons/default/sprites.png);
	-moz-box-shadow: 1px 1px 2px #eee;
	-webkit-box-shadow: 1px 1px 2px #eee;
	box-shadow: 1px 1px 2px #eee;
	color: #666;
}

a.btn:hover {
	text-decoration: none;
	color: #333;
	-moz-box-shadow: 1px 1px 5px #ddd;
	-webkit-box-shadow: 1px 1px 5px #ddd;
	box-shadow: 1px 1px 5px #ddd;
}

a.btn span {
	padding: 5px 10px;
	margin-left: 35px;
	display: block;
	background: #fff url(../images/buttonbg.png) repeat-x 0 -31px;
	border-left: 1px solid #ccc;
	text-shadow: 1px 1px #fff;
}

a.btn2 {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

a.btn2 span {
	-moz-border-radius: 0 50px 50px 0;
	-webkit-border-radius: 0 50px 50px 0;
	border-radius: 0 50px 50px 0;
	padding-right: 15px;
}

a.btn3 {
	width: 34px;
	height: 32px;
}

a.btn4 {
	width: 34px;
	height: 32px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

a.btn_search {
	background-position: -10px -12px;
}

a.btn_trash {
	background-position: -47px -12px;
}

a.btn_flag {
	background-position: -82px -12px;
}

a.btn_home {
	background-position: -119px -12px;
}

a.btn_link {
	background-position: -154px -12px;
}

a.btn_book {
	background-position: -190px -12px;
}

a.btn_mail {
	background-position: -10px -47px;
}

a.btn_help {
	background-position: -47px -47px;
}

a.btn_rss {
	background-position: -82px -47px;
}

a.btn_archive {
	background-position: -119px -47px;
}

a.btn_info {
	background-position: -154px -47px;
}

a.btn_bell {
	background-position: -190px -47px;
}

a.btn_world {
	background-position: -10px -83px;
}

a.btn_bulb {
	background-position: -47px -83px;
}

a.btn_cloud {
	background-position: -82px -83px;
}

a.btn_clip {
	background-position: -119px -83px;
}

a.btn_folder {
	background-position: -154px -83px;
}

a.btn_lock {
	background-position: -190px -83px;
}

a.btn_tag {
	background-position: -10px -119px;
}

a.btn_note {
	background-position: -47px -119px;
}

a.btn_key {
	background-position: -82px -119px;
}

a.btn_stop {
	background-position: -119px -119px;
}

a.btn_airplane {
	background-position: -154px -119px;
}

a.btn_info2 {
	background-position: -190px -119px;
}

a.btn_alarm {
	background-position: -10px -155px;
}

a.btn_clock {
	background-position: -47px -155px;
}

a.btn_calendar {
	background-position: -82px -155px;
}

a.btn_basket {
	background-position: -119px -155px;
}

a.btn_dollartag {
	background-position: -154px -155px;
}

a.btn_cart {
	background-position: -190px -155px;
}

a.btn_cart2 {
	background-position: -10px -191px;
}

a.btn_user {
	background-position: -47px -191px;
}

a.btn_users {
	background-position: -82px -191px;
}

a.btn_male {
	background-position: -119px -191px;
}

a.btn_female {
	background-position: -154px -191px;
}

a.btn_refresh {
	background-position: -190px -191px;
}

a.btn_chart {
	background-position: -10px -227px;
}

a.btn_pie {
	background-position: -47px -227px;
}

a.btn_address {
	background-position: -82px -227px;
}

a.btn_zip {
	background-position: -119px -227px;
}

a.btn_document {
	background-position: -154px -227px;
}

a.btn_pdf {
	background-position: -190px -227px;
}

a.btn_marker {
	background-position: -10px -262px;
}

a.btn_sign {
	background-position: -47px -262px;
}

a.btn_note {
	background-position: -82px -262px;
}

a.btn_cut {
	background-position: -119px -262px;
}

a.btn_pencil {
	background-position: -154px -262px;
}

a.btn_paint {
	background-position: -190px -262px;
}

a.btn_battery {
	background-position: -10px -299px;
}

a.btn_battery2 {
	background-position: -47px -299px;
}

a.btn_chat {
	background-position: -82px -299px;
}

a.btn_chat2 {
	background-position: -119px -299px;
}

a.btn_message {
	background-position: -154px -299px;
}

a.btn_message2 {
	background-position: -190px -299px;
}

a.btn_phone {
	background-position: -10px -335px;
}

a.btn_call {
	background-position: -47px -335px;
}

a.btn_inbox {
	background-position: -82px -335px;
}

a.btn_inboxo {
	background-position: -119px -335px;
}

a.btn_inboxi {
	background-position: -154px -335px;
}

a.btn_bluetooth {
	background-position: -190px -335px;
}

a.btn_wifi {
	background-position: -10px -370px;
}

a.btn_settings {
	background-position: -47px -370px;
}

a.btn_settings2 {
	background-position: -82px -370px;
}

a.btn_settings3 {
	background-position: -119px -370px;
}

a.btn_hd {
	background-position: -154px -370px;
}

a.btn_hd2 {
	background-position: -190px -370px;
}

a.btn_image {
	background-position: -10px -408px;
}

a.btn_image2 {
	background-position: -47px -408px;
}

a.btn_sound {
	background-position: -82px -408px;
}

a.btn_media {
	background-position: -119px -408px;
}

a.btn_mic {
	background-position: -154px -408px;
}

a.btn_print {
	background-position: -190px -408px;
}

a.btn_laptop {
	background-position: -10px -443px;
}

a.btn_mouse {
	background-position: -47px -443px;
}

a.btn_camera {
	background-position: -82px -443px;
}

a.btn_video {
	background-position: -119px -443px;
}

a.btn_grid {
	background-position: -154px -443px;
}

a.btn_grid2 {
	background-position: -190px -443px;
}

a.btn_list {
	background-position: -10px -480px;
}

a.btn_list2 {
	background-position: -47px -480px;
}

a.btn_table {
	background-position: -82px -480px;
}

.stdbtn {
	font-weight: bold;
	padding: 7px 10px;
	border: 1px solid #ccc;
	background: #eee url(../images/buttons.png) repeat-x top left;
	color: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

.stdbtn:hover {
	text-decoration: none;
}

.btn_yellow {
	background-position: 0 -38px;
	border-color: #ebb205;
	color: #ae510d;
}

.btn_blue {
	background-position: 0 -76px;
	border-color: #0282ce;
	color: #fff;
}

.btn_black {
	background-position: 0 -114px;
	border-color: #222;
	color: #fff;
}

.btn_lime {
	background-position: 0 -152px;
	border-color: #59bf04;
	color: #367501;
}

.btn_orange {
	background-position: 0 -190px;
	border-color: #cd7a03;
	color: #6e3c17;
}

.btn_red {
	background-position: 0 -228px;
	border-color: #a31314;
	color: #fff;
}

.stdbtn:active {
	background: #eee;
}

.btn_yellow:active {
	background: #ffde06;
}

.btn_blue:active {
	background: #0591e5;
}

.btn_black:active {
	background: #333333;
}

.btn_lime:active {
	background: #6adc0b;
}

.btn_orange:active {
	background: #ff9702;
}

.btn_red:active {
	background: #eb2f30;
}

/*********** PROGRESS BAR *********************/
/*********** dashboard.html, elements.html ****/
.progress {
	margin: 5px 0;
}

.progress .bar {
	background: #eee;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 1px;
	border: 1px solid #ccc;
}

.progress .bar {
	-moz-box-shadow: inset 2px 2px 3px #fff;
	-webkit-box-shadow: inset 2px 2px 3px #fff;
	box-shadow: inset 2px 2px 3px #fff;
}

.progress .bar .value {
	height: 5px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	background-image: url(../images/progress.png);
}

.progress .bar2 {
	background: #eee;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 1px;
	border: 1px solid #ccc;
}

.progress .bar2 {
	-moz-box-shadow: inset 2px 2px 3px #fff;
	-webkit-box-shadow: inset 2px 2px 3px #fff;
	box-shadow: inset 2px 2px 3px #fff;
}

.progress .bar2 .value {
	padding: 0;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
}

.progress .bar2 .value {
	background-image: url(../images/progress.png);
	background-position: 0 0;
	font-size: 11px;
	font-weight: bold;
}

.progress .bluebar {
	background-color: #06f;
	box-shadow: inset 1px 1px 2px #9af;
}

.progress .orangebar {
	background-color: #F90;
}

.progress .redbar {
	background-color: #cc0000;
}

/********** WIDGETS *************************/
/********** widgets.html ********************/
.widgetgrid .widgetbox {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 20px 0;
}

.announcement p {
	margin: 20px 0;
	color: #666;
}

.announcement p:first-child {
	margin-top: 0;
}

.announcement p:last-child {
	margin-bottom: 0;
}

.announcement p span {
	color: #333;
	background: #999;
	padding: 1px 10px;
	color: #fff;
	font-size: 11px;
	display: inline-block;
}

.statement table td {
	text-align: center;
}

.statement table tbody tr td:first-child,.statement table thead tr th:first-child
	{
	border-left: 0;
}

.statement table tbody tr td:last-child,.statement table thead tr th:last-child
	{
	border-right: 0;
}

.statement table tbody tr:hover td {
	background: #fff;
}

.activitylist {
	list-style: none;
}

.activitylist li {
	display: block;
	border-bottom: 1px solid #eee;
}

.activitylist li a {
	display: block;
	padding: 7px 5px 8px 40px;
	color: #666;
	margin: 1px;
	background-repeat: no-repeat;
	background-position: 8px center;
}

.activitylist li a:hover {
	text-decoration: none;
	background-color: #f7f7f7;
}

.activitylist li a span {
	font-size: 10px;
	color: #999;
	line-height: 10px;
}

.activitylist li.message a {
	background-image: url(../images/icons/default/mail.png);
}

.activitylist li.user a {
	background-image: url(../images/icons/default/users.png);
}

.activitylist li.media a {
	background-image: url(../images/icons/default/media.png);
}

.userlistwidget ul {
	list-style: none;
}

.userlistwidget ul li {
	font-size: 11px;
	line-height: 18px;
	border-bottom: 1px dashed #ddd;
	padding: 10px 0;
}

.userlistwidget ul li:first-child {
	padding-top: 0;
}

.userlistwidget ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.userlistwidget ul li .avatar {
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #eee;
}

.userlistwidget ul li a {
	font-weight: bold;
}

.userlistwidget .more {
	display: block;
	text-align: center;
	background: #eee;
	color: #069;
	padding: 1px 0;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

.userlistwidget .more:hover {
	text-decoration: none;
	background: #e7e7e7;
}

.formulariowidget label {
	width: 80px;
}

.formulariowidget div.par {
	margin: 13px 0 14px 0;
}

.formulariowidget div.field {
	margin-left: 100px;
}

/********** CHAT STYLES ******************/
/********** chat.html ********************/
.contactlist {
	list-style: none;
}

.contactlist li {
	border-top: 1px solid #eee;
	position: relative;
	padding: 1px;
}

.contactlist li:first-child {
	border-top: 0;
}

.contactlist li span.msgcount {
	position: absolute;
	top: 12px;
	right: 30px;
	font-size: 10px;
	padding: 3px 5px;
	line-height: 10px;
	color: #fff;
	background: #dd0000;
	font-weight: bold;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.contactlist li a {
	padding: 8px 10px;
	display: block;
	color: #666;
}

.contactlist li.online a {
	background: url(../images/online.png) no-repeat right 16px;
}

.contactlist li.new a {
	font-weight: bold;
}

.contactlist li a:hover {
	background-color: #fcfcfc;
	text-decoration: none;
}

.contactlist li a img {
	vertical-align: middle;
	display: inline-block;
	margin-right: 10px;
}

.chatsearch {
	padding: 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

.chatsearch input {
	float: left;
	border: 1px solid #ddd;
	padding: 7px 5px 7px 35px;
	width: 245px;
	background: #fff url(../images/search.png) no-repeat left center;
	color: #ccc;
}

.chatsearch input:focus {
	color: #333;
}

.chatbottom {
	padding: 8px 10px;
	background: #f7f7f7;
	border-top: 1px solid #ddd;
}

.chatbottom a {
	color: #666;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #ddd;
	background: #fcfcfc;
	display: inline-block;
	padding: 2px 10px;
}

.chatbottom a:hover {
	text-decoration: none;
	border: 1px solid #bbb;
	-moz-box-shadow: 0 0 1px #ddd;
	-webkit-box-shadow: 0 0 1px #ddd;
	box-shadow: 0 0 1px #ddd;
}

.chatcontent {
	height: 500px;
	position: relative;
	padding: 0;
}

.chatcontent .messagebox {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #f7f7f7;
	border-top: 1px solid #ddd;
	padding: 10px 0;
}

.chatcontent .messagebox input {
	border: 1px solid #ccc;
	padding: 8px 5px 8px 30px;
	width: 78.6%;
	display: inline-block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-left: 1%;
	background: #fff url(../images/icons/default/chat.png) no-repeat 8px 8px;
}

.chatcontent .messagebox input:focus {
	-moz-box-shadow: 0 0 5px #eee;
	-webkit-box-shadow: 0 0 5px #eee;
	box-shadow: 0 0 5px #eee;
}

.chatcontent .messagebox button {
	border: 0;
	padding: 7px 0;
	text-align: center;
	font-weight: bold;
	background: #333;
	color: #fff;
	display: inline-block;
	margin-left: 1%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	width: 13%;
}

.chatcontent .messagebox button:hover {
	background: #111;
	color: #fff;
	cursor: pointer;
}

.chatmessage {
	height: 425px;
	border: 1px solid #ddd;
	margin: 10px;
	overflow: auto;
	position: relative;
}

#chatmessageinner {
	
}

#chatmessageinner p {
	padding: 10px;
	border-bottom: 1px dotted #ddd;
}

/************ PAGINATION ****************/
/************ elements.html *************/
.pagination {
	list-style: none;
	overflow: hidden;
}

.pagination li {
	display: inline-block;
	float: left;
	margin-right: 5px;
}

.pagination li.first,.pagination li.previous,.pagination li.next,.pagination li.last
	{
	font-size: 18px;
}

.pagination li a {
	display: block;
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 5px 10px;
	color: #333;
	line-height: 21px;
	vertical-align: top;
}

.pagination li a {
	background: #f7f7f7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.pagination li a:hover {
	cursor: pointer;
	text-decoration: none;
	background: #eee;
}

.pagination li a.current {
	background: #333;
	color: #fff;
	border: 1px solid #272727;
}

.pagination li.first a:active,.pagination li.previous a:active,.pagination li.next a:active,.pagination li.last a:active
	{
	background: #333;
	color: #fff;
	border
	1px
	solid
	#272727;
}

.pagination li a.disable {
	color: #ccc;
}

.pagination li a.disable:hover {
	background: #f7f7f7;
	cursor: default;
}

.pagination li a.disable:active {
	background: #f7f7f7;
	border: 1px solid #ccc;
	color: #ccc;
}

/***** CHECKBOX TRANSFORM STYLES *****/
/***** tables.html, form.html ********/
.checkbox {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/checkbox.png) no-repeat 0 0;
	vertical-align: middle;
}

.checkbox input {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter: alpha(opacity = 00);
}

.radio {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/radio.png) no-repeat 0 0;
	vertical-align: middle;
}

.radio input {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter: alpha(opacity = 00);
}

.checked {
	background-position: 0 -16px;
}

/************* ERROR PAGES ************/
/************* 404.html ***************/
.errorWrapper {
	width: 700px;
	text-align: center;
	margin: 80px auto 0 auto;
}

.errorWrapper span {
	color: #fff;
	font-size: 14px;
	font-style: italic;
	text-shadow: 1px 1px #555;
}

.errorWrapper a {
	display: inline-block;
	padding: 10px 30px;
	background: #999;
	color: #222;
	font-weight: bold;
	margin-top: 20px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.errorWrapper a.default {
	color: #222;
	background: #999;
}

.errorWrapper a.hover {
	background: #fff;
	color: #333;
}

.errorWrapper a:hover {
	text-decoration: none;
}

.pageErrorTitle {
	color: #fff;
	font-size: 56px;
	text-shadow: 1px 1px #333;
}

/************* BREADCRUMBS ************/
/************* elements.html **********/
.breadcrumbs {
	display: block;
	list-style: none;
	border: 1px solid #ccc;
	background: url(../images/titlebg.png) repeat-x top left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.breadcrumbs li {
	display: inline-block;
	background: url(../images/separator.png) no-repeat right center;
	margin-right: 5px;
	font-size: 11px;
}

.breadcrumbs li:last-child {
	background: none;
	color: #333;
}

.breadcrumbs li a {
	display: block;
	padding: 5px 20px 5px 5px;
}

.breadcrumbs li:first-child a {
	padding-left: 10px;
}

.breadcrumbs2 {
	background: none;
}

/************** FOOTER ***************/
/************** all pages ************/
.footer {
	margin: 10px 0;
	font-size: 11px;
}

/************** CUSTOM STYLES **********/
/************** some pages *************/
.center {
	text-align: center;
}

.width50 {
	width: 100px !important;
}

.block {
	display: block;
}

.margintop10 {
	margin-top: 10px;
}

.textright {
	text-align: right;
}

.tooltipflot {
	font-size: 11px;
	padding: 5px 10px;
	background: url(../images/blacktrans.png);
	color: #eee;
}

.noderecha {
	margin-right: 0;
}

.radiusbottom0 {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}

.padding0 {
	padding: 0 !important;
}

.width100 {
	width: 100px !important;
}

#popwizard {
	padding: 20px;
}

#popwizard .stepContainer {
	height: 268px !important;
}

#popwizard .actionBar {
	padding-top: 30px;
}

.pie {
	font-size: 10px;
	text-align: center;
	padding: 2px;
	color: #fff;
	text-shadow: 1px 1px #444;
}

.quickform .notifyMessage {
	margin: 0;
	margin-bottom: 20px;
}

.formulario .vsmallinput {
	width: 60px;
}

.borderTop0 {
	border-top: 0;
}

.color333 {
	color: #333;
}

.floatleft {
	float: left;
}

.loaders img {
	margin-right: 10px;
	display: inline-block;
}

.chartplace {
	margin-bottom: 10px;
	height: 150px;
}

.average {
	font-size: 10px;
	text-transform: uppercase;
	color: #069;
	font-weight: bold;
	border-top: 1px dashed #ccc;
	padding-top: 5px;
}

.average h3 {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 10px;
	font-size: 16px;
}

.ui-datepicker-inline .ui-datepicker-calendar td a:hover {
	background: #ddd;
	text-decoration: none;
	color: #666;
	text-shadow: none;
}

.ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today a {
	background: #333;
	text-decoration: none;
	color: #fff;
	text-shadow: none;
	font-weight: bold;
}

/***************** MEDIA SCREENS *********************/
/***************** all pages *************************/
@media screen and (max-width: 1024px) {
	.contenidoppal {
		margin-right: 260px;
		margin-left: 260px;
	}
	.mainright {
		width: 250px;
	}
	.contenttitle,.widgetbox .title {
		height: 32px;
		overflow: hidden;
	}
	.contenttitle h2,.widgetbox .title h2 {
		font-size: 16px;
	}
	.mainleft {
		width: 220px;
	}
	.notification p {
		
	}
	.noderecha {
		margin-right: 0;
	}
	.errorWrapper {
		width: auto;
	}
	.chatcontent .messagebox input {
		width: 74.3%;
	}
}

@media screen and (max-width: 700px) {
	.contenidoppal {
		margin-right: 0;
	}
	.mainright {
		position: relative;
		margin-top: 10px;
		width: auto;
	}
	.mainright .widgetbox {
		width: 48%;
		float: left;
		margin-right: 4%;
	}
	.mainright .widgetbox:nth-child(even) {
		margin-right: 0;
	}
	.footer {
		clear: both;
	}
	.searchbox input {
		width: 150px;
	}
	.chatcontent .messagebox input {
		width: 75%;
	}
	.imagelist li img {
		width: 240px;
	}
	.floatright {
		display: none;
	}
}

@media screen and (max-width: 650px) {
	#userPanel {
		border-left: 0;
	}
	#searchPanel {
		border-right: 0;
	}
	.imagelist li img {
		width: 200px;
	}
	.formulario p,.formulario div.par {
		background: none;
	}
	.formulario label {
		display: block;
		text-align: left;
		float: none;
		width: auto;
	}
	.formulario span.field,.formulario div.field,.dualselect,.formulario .formwrapper,.formulario .formwrapper
		{
		margin-left: 0;
	}
	.formulario small.desc {
		margin: 5px 0 0 0;
	}
	.formulario .formulariobutton {
		margin-left: 0;
	}
	.formulario2 p,.formulario2 div.par {
		background: none;
	}
	.formulario2 label {
		display: block;
		padding: 7px 10px;
		background: #f7f7f7;
		border-bottom: 1px solid #ddd;
		float: none;
		width: auto;
	}
	.formulario2 span.field,.formulario2 div.field {
		display: block;
		margin-left: 0;
		border-left: 0;
	}
	.verwizard .actionBar {
		margin: 0;
	}
}

@media screen and (max-width: 580px) {
	.cabecerainner {
		border-bottom: 1px solid #222;
	}
}

@media screen and (max-width: 570px) {
	.tablewrapper {
		width: 100%;
		overflow: auto;
	}
	.mainright .widgetbox {
		float: none;
		margin-right: 0;
		width: auto;
		margin-bottom: 10px;
	}
	.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth
		{
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 20px;
		display: block;
	}
	.chartbox .one_half {
		float: left;
		margin-right: 3%;
		width: 48.5%;
	}
	.searchbox input {
		width: 200px;
	}
	.imagelist li {
		margin: 0 10px 10px 0;
	}
	.imagelist li img {
		width: 150px;
	}
	.imagelist li span a.name {
		font-size: 11px;
	}
	.imagelist li span a.edit,.imagelist li span a.view,.imagelist li span a.delete
		{
		display: none;
	}

	/* CALENDAR STYLES */
	.fc-cabecera-left {
		font-size: 11px;
	}
	.fc-button,.fc-button-content {
		height: auto;
	}
	.fc-button-month .fc-button-content,.fc-button-agendaWeek .fc-button-content,.fc-button-agendaDay .fc-button-content,.fc-button-today .fc-button-content
		{
		padding: 2px 5px;
	}
	.fc-cabecera-title h2 {
		font-size: 14px;
	}
	.maintabmenu li a {
		padding: 8px 10px;
		font-size: 16px;
	}
	.verwizard .verticalmenu {
		font-size: 11px;
		width: auto;
		float: none;
	}
	.verwizard .stepContainer {
		margin-left: 0;
		margin-top: 20px;
	}
	.wizard .tabbedmenu li a {
		padding: 5px;
	}
	.wizard .tabbedmenu li a h2 {
		font-size: 16px;
	}
	.wizard .tabbedmenu li a span {
		font-weight: normal;
		font-size: 11px;
	}
}

@media screen and (max-width: 480px) {
	.contenidoppal {
		margin-right: 0;
	}
	.mainright .widgetbox {
		
	}
	.widgetlist li {
		width: 48%;
		margin-right: 4%;
	}
	.widgetlist li:nth-child(even) {
		margin-right: 0;
	}
	.widgetlist li a {
		width: auto;
		display: block;
	}
	.cabecerainner2 .searchbox {
		border-right: 0;
	}
	.cabecerainner2 .searchbox input {
		width: 150px;
	}
	.searchbox input {
		width: 150px;
	}
	.stdtable td,.stdtable th {
		font-size: 11px;
	}
	.chatcontent .messagebox input {
		width: 70%;
	}
	.wizard .tabbedmenu li a {
		padding: 10px 20px;
	}
	.wizard .tabbedmenu li a h2 {
		font-size: 20px;
	}
	.wizard .tabbedmenu li a span {
		display: none;
	}
	.widgetgrid .widgetbox {
		width: auto !important;
		display: block;
		margin-right: 0;
	}
}

@media screen and (max-width: 430px) {
	body {
		font-size: 11px;
	}
	button,input,select,textarea {
		font-size: 11px;
	}
	.loginbox {
		width: auto;
		margin: 10px;
	}
	.loginbox input {
		width: 95%;
	}
	.loginbox button {
		width: 100%;
	}
	.userinfomenu .userinfo {
		font-size: 11px;
	}
	.userdrop ul li a {
		font-size: 11px;
	}
	.cabecerainner2 .searchbox input {
		width: 70px;
		font-size: 11px;
	}
	.notibox {
		width: 250px;
	}
	.tabmenu li a,.widgetlist li a {
		font-size: 11px;
	}
	.dataTables_wrapper input {
		width: 70px;
	}
	.deletebutton {
		display: none;
	}
	.tableoptions select {
		padding: 2px;
	}
	.tableoptions button {
		padding: 2px 5px;
	}
	.stdtablecb thead th:first-child,.stdtablecb tbody tr td:first-child {
		display: none;
	}
	.flatmode {
		display: none;
	}
	.vs2 {
		margin-left: 0 !important;
	}
	.imagelist li img {
		width: 210px;
	}
	.multipletabmenu li a {
		width: auto;
		padding: 5px;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: 0;
	}
	.dualselect select { 30%;
		
	}
	.dualselect .ds_arrow {
		margin: 0;
	}
	.formulario button,.formulario input[type="reset"] {
		padding: 5px;
	}
	.formulario2 span.field,.formulario2 div.field,.formulario2 .formulariobutton
		{
		padding: 10px;
	}
	.stepContainer h2 {
		font-size: 16px;
	}
	.fc-cabecera-left,.fc-button-today {
		display: none;
	}
	.fc-cabecera-title h2 {
		font-size: 20px;
	}
	.fc-cabecera-center {
		text-align: left;
	}
	.chatcontent .messagebox input {
		width: 150px;
	}
	.chatcontent .messagebox button {
		margin-left: 5px;
		width: 60px;
	}
	.errorWrapper a {
		display: block;
		margin-top: 0;
		padding: 20px 0;
		font-size: 12px;
	}
	.errorWrapper span {
		display: block;
		margin-bottom: 20px;
	}
	.footer {
		font-size: 10px;
	}
}

/*******************************************************************************************************/

/************************ESTILOS GENERALES*********************/
a {
	color: #069;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a.whitelink {
	color: #ccc;
}

a.whitelink:hover {
	color: #fff;
	text-decoration: none;
}

a img {
	border: 0;
}

input,select,textarea {
	font-size: 12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	outline: none;
}

small,.small {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 16px;
}

h1,h2,h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 0.5px;
	font-weight: normal;
	color: #333;
}
/************************PAGINAS PRINCIPALES*******************/
body.principal {
	background-color: #DEDEDC;
}

#cabecera_fondo {
	width: 100%;
	background: url(../imagenes/templatemo_background.png);
	background-position: center;
}

#cabecera_fondo img {
	border: none;
	height: 32px;
	width: 32px;
	margin-left: 30px;
}

#contenido {
	padding: 1em;
	min-height: 500px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
	background-color: #FFFFFF;
}

#pie {
	clear: both;
}

#templatemo_footer_wrapper {
	width: 100%;
	background: url(../images/templatemo_footer.png) center top no-repeat
		background:#FFFFFF;
}

#templatemo_footer {
	width: 780px;
	margin: 0 auto;
	padding: 20px 20px;
	text-align: center
}

a {
	text-decoration: none;
}

.derecha {
	float: right;
}

.izquierda {
	float: left;
}

div.clear {
	clear: both;
}

div.error {
	font-weight: bold;
	font-size: 16px;
	border: 1px solid #FF0000;
	color: #FF0000;
	background-color: #F6CECE;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

div.correcto {
	font-weight: bold;
	font-size: 16px;
	border: 1px solid #04B404;
	color: #04B404;
	background-color: #A9F5A9;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#p error {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FF0000;
	text-align: center;
}

/* IMPORTANTE: no descomentart */
/* Estas lineas son las que ponen mal el cursor del grid*/
/* #jqxgrid { */
/* 	padding:20px 12px; */
/* 	margin: 15px 0 0;  */
/* 	margin-right: auto; */
/* 	margin-left: auto; */
/* } */
/* #jqxWidget{ */
/* 	padding:20px 12px; */
/* 	margin: 15px 0 0;  */
/* 	margin-right: auto; */
/* 	margin-left: auto; */

/* } */
#menu {
	margin: 0;
	float: right;
	width: 250px;
	height: 100px;
	background: url(../imagenes/templatemo_background.png);
	/* list-style-type:none; */
}

#menu ul {
	list-style: none;
}

.nav>li {
	float: left;
}

.nav li a {
	background: url(../imagenes/templatemo_background.png);
	color: #000000;
	display: block;
	border: none;
	padding: 10px 12px;
}

.nav li a:hover {
	background: #E3E4DD;
}

.nav li ul {
	display: none;
	position: absolute;
	min-width: 140px;
}

.nav li:hover>ul {
	display: block;
}

.nav li ul li {
	position: relative;
}

.nav li ul li ul {
	right: -140px;
	top: 0;
}

#templatemo_main_wrapper {
	width: 100%;
	/*background:url(../images/templatemo_wrapper.png) center top no-repeat*/
	background: #FFFFFF;
}

#templatemo_main {
	width: 820px;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
}

.section a.home_btn {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 88px;
	height: 32px;
	display: block;
	background: url(../imagenes/templatemo_home_btn.png);
	text-indent: -10000px;
}

#templatemo_menu {
	margin: 140px 0 0;
	padding: 0;
	list-style: none
}

#templatemo_menu li {
	display: block;
	float: left;
	width: 140px;
	height: 160px;
	margin: 0 20px 20px 0;
	background: url(../imagenes/menu_box.png) no-repeat
}

#templatemo_menu li.no_margin_right {
	margin-right: 0;
}

#templatemo_menu li a {
	display: block;
	width: 100px;
	height: 30px;
	padding: 130px 10px 0px;
	background-repeat: no-repeat;
	background-position: 15px 15px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
}

#templatemo_menu li a:hover {
	text-shadow: 1px 1px 1px #555;
	text-decoration: none;
}

#templatemo_menu li a.about {
	/* 	background-image: url(../imagenes/Usuario.png);  */
	
}

#templatemo_menu li a.services {
	background-image: url(Equipo.png);
}

#templatemo_menu li a.portfolio {
	background-image: url(Peticion.png);
}

#templatemo_menu li a.testimonial {
	background-image: url(Tarea.png);
}

#templatemo_menu li a.contact {
	background-image: url(Rendimiento.png);
}

#frm {
	width: 100%;
	margin: auto;
}

#form {
	border: 1px solid #555;
	width: 650px;
	height: auto;
	margin: auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}

#form legend {
	font-weight: bold;
	font-size: 14px;
	color: #555;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#form fieldset {
	width: 100%;
}

#form table td {
	padding: 10px;
	font-size: 12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #555;
	width: 160px;
	text-align: right;
}

#form table {
	width: 100%;
}

#form ol {
	list-style: none;
}

#form ol li {
	padding-bottom: 5px;
}

#form ol li label {
	width: 180px;
	float: left;
	text-align: left;
	color: #555;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#form input[type=text] {
	border: 1px solid #CCCCCC;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	background-color: #C7C8C1;
}

#form input:focus {
	border: 2px solid #DBA901;
}

#form input.btn {
	padding: 3px;
	color: #555;
	background-color: #C7C8C1;
	border: 1px solid #555;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}

#form select {
	border: 1px solid #CCCCCC;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}

#form select:focus {
	outline: 2px solid #DBA901;
}

#campoObligatorio {
	width: 500px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #555;
	font-size: 12px;
}
.borradoresInfo {
margin-left: 55%;
margin-top: -150px;
padding-bottom: 150px;
}

.columnLista{
	width:25%;
	border:1px solid red; 
	align:center;	
}

.clase_BAJA{
	background-color: rgb(253, 226, 247);
}
.clase_NORMAL{
	background-color: rgb(205, 229, 207);
}
.clase_ALTA{
	background-color: rgb(226, 226, 253);
}


.spanRespuesta {
	font-weight: bold;
	color: rgb(77, 173, 96);
}

.divtable{
	margin: 15px 0;
	font-size: 16px;
	color: #999;
	float: left;
	width: 40%;
	text-align: right;
	padding: 5px 20px 0 0;
}

.leftmenu {
	background-color: white;
	padding: 10px;
	
}

.leftMenu_title{
	font-size: 16px;
}

.textArea-usuario{
	width: 80%;
	height: 60px;
	resize: none;
}

.div-iframe {
	width: 870px;
	height: 520px;
	margin: auto;
	margin-top: 10px
}